.main-chart-card {
  .ant-card-body {
    padding: 20px 24px 24px;
  }

  .chart-wrapper {
    .chart-area {
      position: relative;
      margin-bottom: 12px;
      padding: 10px 0;

      .line-chart {
        display: block;

        .data-point {
          cursor: pointer;
          transition: all 0.3s ease;

          &:hover {
            r: 7;
            fill: #40a9ff;
            filter: drop-shadow(0 2px 4px rgba(24, 144, 255, 0.3));
          }
        }
      }
    }

    .chart-labels {
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      font-size: 12px;
      color: #8c8c8c;
      font-weight: 500;
    }
  }
}
